page {
  background-color: white !important;
}

.app-container {
  // padding:0 30rpx;
  
  height: 100%;
  .top{
	  text-align: center;
	  padding-top: 100rpx;
	  background-image: url("/src/static/icon/login-bg.png");
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: 100%;
	  .title{
		  font-size: 40rpx;
		color: #282828;
	  }
	  .logo{
	  	width: 100rpx;
	  	border-radius: 20rpx;
	  }
  }

  
  .app-container__item {

    margin: 50rpx 30rpx 0 30rpx;
    padding: 10rpx;


    .loginList {
      display: flex;
      align-items: center;
      justify-content: center;



      .loginItem {
        width: 30%;
        display: flex;
       justify-content: space-around;
align-items: center;

        height: 80rpx;
     font-size: 26rpx;

        .itemLabel {
          color: rgb(48, 49, 51);
        }
.line{
	width: 1rpx;
	height: 20rpx;
	margin-left: 20rpx;
	background-color: #282828;
}
        .itemLabelSelect {
          color: rgb(41, 121, 255)
        }

        .itemValue {
          width: 40rpx;
          transition-duration: 0.5s;
          background-color: rgb(41, 121, 255);
          height: 6rpx;
          border-radius: 6rpx;
          margin-top: 6rpx;
        }
      }
    }

    .content {
      margin-bottom: 20rpx;

      .input-border {
        // width: 590rpx;
        background: #ffffff;
        border: 2rpx solid #f2f2f2;
        border-radius: 10rpx;
        padding: 0 20rpx;
        margin-top: 30rpx;
        height: 88rpx;
        line-height: 88rpx;
        // vertical-align: middle;
        display: flex;
        justify-content: space-between;
        align-items: center;
.label{
	width: 100rpx;
}
.line{
	width: 2rpx;
	height: 40rpx;
	
	background-color: #f2f2f2;
}
        .width-100 {
          width: 100%;
        }

        .width-85 {
          width: 85%;
        }
  .width-75 {
          width: 75%;
        }
        .getCode {
          font-size: 26rpx;
        
          width: 160rpx;
          width: 210rpx;
          height: 66rpx;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0;
        }

        .img {
          width: 200rpx;
          height: 100rpx;
        }
      }

      .forgetPassword {
		  display: flex;
		  justify-content: space-between;
        color: #999;
        font-size: 26rpx;
    
        padding: 20rpx 10rpx 20rpx 0rpx;
      }
    }

    .text-gray {
      font-size: 24rpx;
      color: #333333;
      margin-top: 60rpx;

      .checkRadio {
        display: flex;
        align-items: center;
        justify-content: center;
      }
    }
  }
}
.btnBox{
	background-color: #3374EF;
	color: white;
}
.regis-btn{
	background-color: white;
	margin-top: 20rpx;
	border: 1rpx solid #f2f2f2;
}
.bottom{
	position: fixed;
	bottom: 100rpx;
}
.blue{
	color: #3374EF;
}
.sms{
	display: flex;
	align-items: center;
}